<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">
	
<ui:composition template="/WEB-INF/template/CompraTemplate.xhtml">
<ui:define name="corpo">
<style type="text/css">
	.div-tela 
	{
		max-width: auto;
		max-height: auto;
		padding: 10px 10px 10px;
	    margin: 0 auto 20px;
	    background-color: #fff;
	    border: 1px solid #e5e5e5;
	    -webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	        	border-radius: 5px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.colunaEsquerda
	{  
	    text-align: left;
	    width: 20%;  
	}  
	.colunaDireita
	{  
	    text-align: left;
	    width: 80%    
	}
	.colunaEsquerdaDetalhe
	{  
	    text-align: left;
	    width: 60%;  
	}  
	.colunaDireitaDetalhe
	{  
	    text-align: left;
	    width: 40%    
	}
	.modal
	{
		font-size: 12px;
	}
	</style>
<div class="div-tela">
	<p:panel id="pnlMSemGiro">
		<h:outputText value="Premiação" style="font-size: 25px;"/>
	</p:panel>
	<p:panel>
		<p:commandButton id="btnCarregar"
					styleClass="ui-priority-primary"
					actionListener="#{managerPromocaoPremiacaoBean.carregarDados}"
					update=":frmCompra:tblListagemPremiacao"
		        	value="Carregar Dados"/>
		        	
		<p:commandButton id="btnNovo"
					styleClass="ui-priority-primary"
					actionListener="#{managerPromocaoPremiacaoBean.novaPremiacao}"
					update=":frmCompra:pnlPremiacao"
		        	value="Novo"/>
		        	
		<p:commandButton id="btnSair"
					styleClass="ui-priority-primary"
					actionListener="#{managerPromocaoPremiacaoBean.sair}"
		        	value="Sair"/>
		<div><BR /></div>
		<p:dataTable id="tblListagemPremiacao" 
						widgetVar="premiacao"
						var="premiacao" 
						value="#{managerPromocaoPremiacaoBean.listaPremiacao}"
						paginator="true"
						rows="10"
						emptyMessage="Sem Dados para Exibição"
						style="font-size:10px;">
						
		        <p:column headerText="Código" width="10%" exportable="false">
		            <h:outputText value="#{premiacao.id}" />
		        </p:column>
		        
		        <p:column headerText="Descrição" width="70%" sortBy="#{produto.descricao}">
		            <h:outputText value="#{premiacao.descricao}" />
		        </p:column>
		        
		        <p:column headerText="Ações" width="20%">
			
		    		<p:commandButton id="btnAlterar"
		    						value="Alterar"
		        					update=":frmCompra:pnlPremiacao"
									styleClass="ui-priority-primary"
		        					actionListener="#{managerPromocaoPremiacaoBean.alterarPremiacao(premiacao)}"/>
		    	</p:column>
		        
    		</p:dataTable>
	</p:panel>
</div>
</ui:define>
<ui:define name="modal">
	<p:dialog header="Premiação" 
    		widgetVar="premiacaoDialog" 
    		modal="true"
    		resizable="false" 
    		width="600" 
    		position="top" 
    		closable="true">
    	<p:panel id="pnlPremiacao">
    		<p:panelGrid columns="2" 
						columnClasses="colunaEsquerda, colunaDireita" 
						style="width:100%;border:none;">
						
				<p:outputLabel value="Descrição" 
							for="txtDescricao"/>
	            <p:inputText id="txtDescricao" 
	            			value="#{managerPromocaoPremiacaoBean.promocaoPremiacaoVo.descricao}"
	            			maxlength="200"
	            			size="50"
	            			placeholder="Descrição"/>
    			
    		</p:panelGrid>
    		
    		<div><BR /></div>
				
			<p:commandButton id="btnGravar" 
							value="Gravar" 
							styleClass="ui-priority-primary"
							update="tblListagemPremiacao"
							actionListener="#{managerPromocaoPremiacaoBean.gravar}"/>
    	</p:panel>
	</p:dialog>
</ui:define>

</ui:composition>
</html>